// 接口所需参数
let params = {
    pagenum: 1, // 页码值
    pagesize: 2, // 每页显示多少条数据
    cate_id: '', // 文章分类的 Id
    state: '' // 文章的状态，可选值有：已发布、草稿
};

let total = 0; // 文章总数量
// 文章列表
function load() {
    ArticleListAPI(params, res => {
        if (res.data.data.length == 0 && params.pagenum > 1) {
            params.pagenum--;
            load();
            return;
        }
        total = res.data.total;
        $('.layui-table tbody').empty();
        res.data.data.forEach(obj => {
            $('.layui-table tbody').append(`<tr>
                <td>${obj.title}</td>
                <td>${obj.cate_name}</td>
                <td>${formatDate(obj.pub_date)}</td>
                <td>${obj.state}</td>
                <th>
                <a href="/iframe/article/publisher/publisher.html?id=${obj.Id}" class="layui-btn layui-btn-xs">编辑</a>
                <button myid="${obj.Id}" type="button" class="layui-btn layui-btn-xs layui-btn-danger del">删除</button>
                </th>
            </tr>`);
        })
        setPage();
    })
}

// 转化时间
function formatDate(pub_date) {
    let d = new Date(pub_date);
    return d.toLocaleString();
}

load();

// 获取分类
catesListAPI({}, res => {
    $("select[name=category]").append(`<option value="">全部</option>`);
    res.data.data.forEach(obj => {
        $("select[name=category]").append(`<option value="${obj.Id}">${obj.name}</option>`);
    })
    layui.use('form', function () {
        var form = layui.form;
        form.render('select'); //刷新select选择框渲染
    });
})

// 分页器
function setPage() {
    layui.use('laypage', function () {
        var laypage = layui.laypage;
        //执行一个laypage实例
        laypage.render({
            elem: 'page', //注意，这里的 test1 是 ID，不用加 # 号
            count: total, //数据总数，从服务端得到
            limit: params.pagesize,
            curr: params.pagenum,
            layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
            limits: [2, 5, 10, 20], // 分页数量设置
            jump: function (obj, first) {
                //obj包含了当前分页的所有参数，比如：
                // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                // console.log(obj.limit); //得到每页显示的条数
                params.pagenum = obj.curr
                params.pagesize = obj.limit
                // 首次不执行
                if (!first) {
                    load();
                }
            }
        });
    });
}

// 搜索
$(".search").on('submit', function(ev){
    ev.preventDefault();
    let cate_id = $("select[name=category]").val();
    let state = $("select[name=state]").val();
    params.cate_id = cate_id;
    params.state = state;
    load();
})

// 删除
$('.layui-table tbody').on('click', '.del', function(){
    let myid = $(this).attr('myid');
    delArticleAPI(myid, res => {
        console.log(res)
        load();
    })
})